//入口函数
$(function () {
  //点击 a 链接 ，显示、隐藏
  $('#loginBox a').on('click', function () {
    $('#regBox').show()
    $('#loginBox').hide()
  })
  //
  $('#regBox a').on('click', function () {
    $('#regBox').hide()
    $('#loginBox').show()
  })

  //定义校验规则
  const form = layui.form
  form.verify({
    username: [/^[a-zA-Z0-9]{1,10}$/, '用户名必须1到10位数字和字母'],
    password: [/^[a-zA-Z0-9]{6,12}$/, '密码必须6到12位数字和字母'],

    //确认密码校验规则
    rePwd: function (value) {
      let pwd = $('#regBox [name=password]').val()
      if (pwd != value) {
        return '两次密码输入不一致!!!'
      }
    },
  })

  //注册功能
  const layer = layui.layer
  $('#formReg').on('submit', function (e) {
    e.preventDefault()
    axios({
      method: 'post',
      url: '/api/reguser',
      data: $(this).serialize(),
    }).then(res => {
      if (res.data.status !== 0) {
        return layer.msg(res.data.message)
      }
      layer.msg('恭喜，注册成功')
      $('#regBox a').click()
      $('#formReg')[0].reset()
    })
  })

  //登录功能
  $('#formLogin').on('submit', function (e) {
    e.preventDefault()
    axios({
      method: 'post',
      url: '/api/login',
      data: $(this).serialize(),
    }).then(res => {
      //判断
      if (res.data.status !== 0) {
        return layer.msg(res.data.message)
      }
      //成功提升、储存token
      layer.msg('恭喜登录成功')
      localStorage.setItem('token', res.data.token)
      setTimeout(() => {
        location.href = '/index.html'
      }, 1000)
    })
  })
})
